<template>
	<view class="ui-box" :class="lx == 2 ? '' : ''" v-if="detailLoading" style="font-size: 14px;">

		<block v-if="keyItems&&keyItems.length!=0">
			<view class="info_title">
				<!-- <span style="color:darkorange ; margin-right: 5px; ">|</span> -->
				{{$t(info_title)}}
			</view>

			<!--详情页 内循环-->
			<view v-for="(item,index) in keyItems" :key="index">


				<!--文本不换行-->
				<view class="ui-item" :class="index==keyItems_length?'border0':''" v-if="item.type === 'text'">
					<view class="label flex">
						<Unit :info="info" :item="item" style="width: 100%;"></Unit>
					</view>
					<view v-if='!info[item.key]' style="padding-left: 13px;color:#999;margin-bottom: 20rpx;">
						{{$t("暂无信息")}}
					</view>
				</view>
				<view class="ui-item" :class="index==keyItems_length?'border0':''" v-if="item.type === 'number'"
					style="display: flex;">

					<view class="label" style="width: 100%;padding-left: 20rpx;padding-right: 20rpx;"
						:class="lang!='zh'?'ru_font':''">
						{{ $t(item.label) }}
					</view>
					<view class="text" style="width: 100%;text-align: left;padding-left: 20rpx;padding-right: 20rpx;">
						{{ $t(info[item.key_ru]) }}
					</view>
				</view>


				<!--文本 - 换行-->
				<view class="fuckCard" v-if="item.type === 'text-warp'" style="width: 100%;">
					<!--<Title :title="$t(item.label)"></Title> -->
					<view class="ui-item" :class="index==keyItems_length?'border0':''">

						<view class="label" style="width: 100%;padding-left: 20rpx;padding-right: 20rpx;"
							:class="lang!='zh'?'ru_font':''">
							{{$t(item.label) }}
						</view>

						<view style="padding-left: 23rpx;">
							<view class="text-all"
								style="text-align: left; font-weight: 500; margin-top: 0rpx;margin-bottom: 0rpx;"
								v-if="lang === 'zh'">{{ info[item.key]?$t(info[item.key]):'' }}
							</view>
							<view class="text-all"
								style="text-align: left; font-weight: 500; margin-top: 0rpx;margin-bottom: 0rpx;"
								v-if="lang === 'ru'">{{ info[item.key_ru]?$t(info[item.key_ru]):'' }}
							</view>

							<view class="text-all"
								style="text-align: left; font-weight: 500; margin-top: 0rpx;margin-bottom: 0rpx;color:#999"
								v-if="!info[item.key]">
								{{$t("暂无信息")}}
							</view>
						</view>

					</view>

					<!-- <view v-if="item.label!='详情'"  class="label-title" style="text-align: left;margin-top: 0rpx;margin-bottom: 0rpx;">
							{{ $t(item.label) }}
						</view> -->

				</view>



				<!--文本 - 全屏-->
				<view class="ui-item" :class="index==keyItems_length?'border0':''" style="flex-direction: column;"
					v-if="item.type === 'text-all'">
					<view class="label-title">{{ $t(item.label) }}</view>
					<view class="text-all" v-if="lang === 'zh'" style="text-align: left;">{{ $t(info[item.key]) }}
					</view>
					<view class="text-all" v-if="lang === 'ru'" style="text-align: left;">
						<!--{{ $t(info[item.key_ru]) === '' ? $t(info[item.key]) : $t(info[item.key_ru]) }}-->
						{{ $t(info[item.key_ru]) }}
					</view>
				</view>

				<view class="ui-item" :class="index==keyItems_length?'border0':''" v-if="item.type === 'text_area'"
					style="display: flex;">

					<view class="label" style="width: 100%;padding-left: 20rpx;padding-right: 20rpx;"
						:class="lang!='zh'?'ru_font':''">
						{{ $t(item.label) }}
					</view>
					<view class="text" v-if="lang === 'zh'"
						style="width: 100%;text-align:left;padding-left: 20rpx;padding-right: 20rpx;">
						{{ $t(info[item.key]) }}
					</view>
					<view class="text" v-if="lang === 'ru'"
						style="width: 100%;text-align:left;padding-left: 20rpx;padding-right: 20rpx;">
						{{ $t(info[item.key_ru]) }}
					</view>
				</view>

				<view class="ui-item" :class="index==keyItems_length?'border0':''"
					v-if="item.type === 'time2'&&time('S', info[item.key])!=''" style="display: flex;">

					<view class="label" style="width: 100%;padding-left: 20rpx;padding-right: 20rpx;">
						{{ $t(item.label) }}
					</view>
					<view class="text" style="width: 100%;text-align:left;padding-left: 20rpx;padding-right: 20rpx;">
						{{ time('S', info[item.key]) }}
					</view>
				</view>


				<!--文本拼接-->
				<view class="ui-item" :class="index==keyItems_length?'border0':''" v-if="item.type === 'montage'">
					<view class="label" :class="lang!='zh'?'ru_font':''">
						{{ $t(item.label) }}
					</view>
					<template v-if="info[item.key]">
						<view class="text" v-if="lang === 'zh'">
							<view v-if="['期望价格'].indexOf(item.label) > -1">
								{{ info[item.key] }}{{ $t(info[item.montage]) }} / {{info['number_unit']}}
							</view>
							<view v-else>
								{{ info[item.key] }} <text>{{ $t(info[item.montage]) }}</text>
							</view>
						</view>
						<view class="text" v-if="lang === 'ru'">
							<!--{{ $t(info[item.key_ru]) === '' ? $t(info[item.key]) : $t(info[item.key_ru]) }}-->
							{{ info[item.key_ru] }} <text>{{ $t(info[item.montage]) }}</text>
						</view>
					</template>

					<template v-else>
						<div class="text">-</div>
					</template>
				</view>
				<!--文本-数组-->
				<view class="ui-item" :class="index==keyItems_length?'border0':''" v-if="item.type === 'textArray'">
					<view class="label">{{ $t(item.label) }}</view>
					<view class="text">
						<text v-for="(itemTextArray,indexTextArray) in info[item.key]">
							<text v-if="indexTextArray > 0">,</text>
							{{ $t(itemTextArray) }}
						</text>
					</view>
				</view>
				<!--时间-->
				<view class="ui-item" :class="index==keyItems_length?'border0':''" v-if="item.type === 'time'">

					<view class="label">{{ $t(item.label) }}</view>
					<view class="text" v-if="info[item.key]">{{ time('S', info[item.key]) }}</view>
				</view>
				<!--日期-->
				<view class="ui-item" :class="index==keyItems_length?'border0':''" v-if="item.type === 'date'"
					style="display: flex;">

					<view class="label" style="width: 100%;padding-left: 20rpx;padding-right: 20rpx;">
						{{ $t(item.label) }}
					</view>
					<view class="text" style="width: 100%;text-align:left;padding-left: 20rpx;padding-right: 20rpx;"
						v-if="info[item.key]">{{ time('S', info[item.key], 'date') }}</view>
				</view>


				<!--数组-->
				<view class="ui-item" :class="index==keyItems_length?'border0':''" v-if="item.type === 'array'">
					<view class="label" :class="lang!='zh'?'ru_font':''">
						{{ $t(item.label) }}
					</view>
					<view class="text" v-if="lang === 'zh'">
						<template v-if="info[item.key]">{{ $t(info[item.key][item.key_item]) }}</template>
						<template v-if="item.label === '车型'">
							{{info['car_l']}}m * {{info['car_w']}}m * {{info['car_h']}}m
							<text class="miniText"> {{ $t('长') }}*{{ $t('宽') }}*{{ $t('高') }}</text>
						</template>
					</view>
					<view style="width: 100%;text-align:left;padding-left: 20rpx;padding-right: 20rpx;" class="text"
						v-if="lang === 'ru'&&info[item.key]">{{ $t(info[item.key][item.key_ru]) }}</view>
				</view>

				<view class="ui-item" :class="index==keyItems_length?'border0':''" v-if="item.type === 'array-warp'">
					<view class="label" style="width: 100%;padding-left: 20rpx;padding-right: 20rpx;"
						:class="lang!='zh'?'ru_font':''">
						{{ $t(item.label) }}
					</view>
					<view style="width: 100%;text-align: left;padding-left: 20rpx;padding-right: 20rpx;" class="text"
						v-if="lang === 'zh'">
						<template v-if="info[item.key]">{{ $t(info[item.key][item.key_item]) }}</template>
						<template v-if="item.label === '车型'">
							{{info['car_l']}}m * {{info['car_w']}}m * {{info['car_h']}}m
							<text class="miniText"> {{ $t('长') }}*{{ $t('宽') }}*{{ $t('高') }}</text>
						</template>
					</view>
					<view style="width: 100%;text-align: left;padding-left: 20rpx;padding-right: 20rpx;" class="text"
						v-if="lang === 'ru'">{{ $t(info[item.key][item.key_ru]) }}</view>
				</view>


				<!--匹配-->
				<view class="ui-item" :class="index==keyItems_length?'border0':''" v-if="item.type === 'map'"
					style="display: flex;">

					<view class="label" :class="lang!='zh'?'ru_font':''">{{ $t(item.label) }} </view>
					<view class="text">
						{{ $t(item.map[info[item.key]]) }}
					</view>
				</view>
				<!--多图-->
				<view v-if="item.type === 'images'" class="fuckCard" v-show="info[item.key].length > 0"
					style="width: 100%;margin: 0 auto;padding: 10rpx 0rpx;">
					<!-- <view class="ui-item">
							<view class="label-wrap">{{ $t(item.label) }}</view>
						</view> -->
					<!-- <Title :title="$t(item.label)"></Title> -->
					<div style="font-size: 26rpx;color:#3d3d3d;font-weight: bold;margin-top: 32rpx;">{{$t(item.label)}}
					</div>
					<view class="ui-item" :class="index==keyItems_length?'border0':''" style="border: none;">
						<view class="label-image" v-if="info[item.key].length > 0">
							<u-image @click="showMask(itemImage,indexImage,info[item.key])" class="ui-image bigImg"
								v-for="(itemImage,indexImage) in info[item.key]" :src="ImageUrl(itemImage)"
								:key="indexImage" mode="widthFix"></u-image>

							<!--图片弹出层-->
							<u-mask :show="showImage" @click="showImage = false"
								:custom-style="{background: 'rgba(0, 0, 0, 0.5)'}">
								<view>
									<u-image width="100%" height="100vh" mode="aspectFit"
										:src="ImageUrl(maskImageUrl)"></u-image>
								</view>
							</u-mask>
						</view>
					</view>
				</view>
				<!--文件-->
				<view v-if="item.type === 'files'" class="fuckCard"
					v-show="info[item.key] &&  info[item.key].length > 0">
					<!-- <view class="ui-item">
							<view class="label-wrap">{{ $t(item.label) }}（{{ $t('点击查看') }}）</view>
						</view> -->
					<Title :title="$t(item.label)"></Title>
					<view class="ui-item" :class="index==keyItems_length?'border0':''" style="border: none;">
						<view class="ui-video" v-for="(itemFile,indexFile) in info[item.key]" :key="indexFile">

							<view>
								<view class="downLoad" @click="downLoadFile(itemFile)">
									{{ itemFile.substring(itemFile.length, itemFile.length - 20) }}
								</view>
							</view>
						</view>
					</view>
				</view>
				<!--视频-->

				<view v-if="item.type === 'videos'" class="fuckCard" v-show="info[item.key].length > 0">
					<!-- <view class="ui-item">
							<view class="label-wrap">{{ $t(item.label) }}</view>
						</view> -->
					<Title :title="$t(item.label)"></Title>

					<view class="ui-item" :class="index==keyItems_length?'border0':''" style="border: none;">
						<view class="ui-video" v-for="(itemFile,indexFile) in info[item.key]" :key="indexFile">
							<video loop :initial-time="0" :id="'myVideo' + indexFile" :enable-play-gesture="true"
								object-fit="cover" :src="ImageUrl(itemFile)"
								:poster="ImageUrl(itemFile) + '?x-oss-process=video/snapshot,t_1000,f_jpg,w_640,h_360'"></video>
						</view>
					</view>
				</view>
				<!--单图-->
				<view v-if="item.type === 'image'" class="">
					<Title :title="$t(item.label)"></Title>
					<view class="ui-item" :class="index==keyItems_length?'border0':''">
						<!-- <view class="label-wrap">{{ $t(item.label) }}</view> -->
						<view class="label-image">
							<u-image @click="showMaskOne(info[item.key])" class="ui-image bigImg" height="300rpx"
								:src="ImageUrl(info[item.key])" mode="aspectFit"></u-image>
							<!--图片弹出层-->
							<u-mask :show="showImageOne" @click="showImageOne = false"
								:custom-style="{background: 'rgba(0, 0, 0, 0.5)'}">
								<view style="padding-top: 100%;">
									<u-image width="100%" height="600rpx" :src="ImageUrl(maskImageUrlOne)"></u-image>
								</view>
							</u-mask>
						</view>
					</view>
				</view>
				<!--头像-->
				<view v-if="item.type === 'avatar'">
					<view class="ui-item" :class="index==keyItems_length?'border0':''">
						<view class="label-wrap" style="padding-left: 10px;">{{ $t(item.label) }}</view>
						<view style="margin-top: 24rpx;">
							<u-avatar class="ui-image" height="100rpx" width="100rpx"
								:src="ImageUrl(info[item.key])"></u-avatar>
						</view>
					</view>
				</view>
				<!--头像 - 数组-->
				<view v-if="item.type === 'user_avatar'">
					<view class="ui-item" :class="index==keyItems_length?'border0':''">
						<view class="label-wrap" style="padding-left: 10px;">{{ $t(item.label) }}</view>
						<view class="label-image">
							<u-avatar class="ui-image" height="100rpx" width="100rpx"
								:src="ImageUrl(info[item.key][item.key_item])"></u-avatar>
						</view>
					</view>
				</view>
				<!--标签 - 数组-->
				<view v-if="item.type === 'user_labels'">
					<view class="ui-item" :class="index==keyItems_length?'border0':''">
						<view class="label-wrap" style="padding-left: 10px;">{{ $t(item.label) }}</view>
						<view class="label-image">
							<u-image v-for="(item_user_labels,index_user_labels) in info[item.key][item.key_item]"
								:key="index_user_labels" class="ui-image" height="70rpx" width="70rpx"
								:src="ImageUrl(item_user_labels.url)"></u-image>
						</view>
					</view>
				</view>
				<!--标签-->
				<view v-if="item.type === 'labels'">
					<view class="ui-item" :class="index==keyItems_length?'border0':''">
						<view class="label-wrap" style="padding-left: 10px;">{{ $t(item.label) }}</view>
						<view class="label-image">
							<u-image v-for="(item_labels,index_labels) in info[item.key]" :key="index_labels"
								class="ui-image" height="70rpx" width="70rpx"
								:src="ImageUrl(item_labels.url)"></u-image>
						</view>
					</view>
				</view>



				<!--订单商品-->
				<view v-if="item.type === 'order_info_goods'">
					<view
						style="display: flex;width: 100%; padding-top: 10rpx; margin-top: 20rpx;margin-bottom: 20rpx;">
						<view v-if="info[item.key].logo" class="label-image" style="border-radius: 10rpx;">
							<u-image height="120rpx" width="120rpx" :src="info[item.key].logo"></u-image>
						</view>
						<view style="margin-left: 30rpx;" v-if="info[item.key].name">
							<view style="height: 90rpx;line-height: 45rpx;">{{info[item.key].name}}</view>
							<view style="height: 30rpx;line-height: 30rpx;" v-if="info[item.key].goods_num!=0">
								{{info[item.key].goods_num||''}} {{$t(info[item.key].number_unit)||''}}
							</view>
						</view>
					</view>
				</view>

				<view v-if="item.type === 'order_info_transport'">
					<view
						style="display: flex;width: 100%; padding-top: 10rpx; margin-top: 20rpx;margin-bottom: 20rpx;">
						<view v-if="info[item.key].logo" class="label-image" style="border-radius: 10rpx;">
							<u-image height="120rpx" width="120rpx" :src="info[item.key].logo"></u-image>
						</view>
						<view style="margin-left: 30rpx;" v-if="info[item.key].name">
							<view style="height: 90rpx;line-height: 45rpx;">{{info[item.key].name}}</view>
							<view style="height: 30rpx;line-height: 30rpx;" v-if="info[item.key].goods_num!=0">
								{{info[item.key].goods_num||''}} {{$t(info[item.key].number_unit)||''}}
							</view>
						</view>
					</view>
				</view>

				<view v-if="item.type === 'order_info_crossborder'">

					<view
						style="display: flex;width: 100%; padding-top: 10rpx; margin-top: 20rpx;margin-bottom: 20rpx;">
						<view v-if="info[item.key].logo" class="label-image" style="border-radius: 10rpx;">
							<u-image height="120rpx" width="120rpx" :src="info[item.key].logo"></u-image>
						</view>
						<view style="margin-left: 30rpx;" v-if="info[item.key].name">
							<view style="height: 90rpx;line-height: 45rpx;">{{info[item.key].name}}</view>
							<view style="height: 30rpx;line-height: 30rpx;" v-if="info[item.key].goods_num!=0">
								{{info[item.key].goods_num||''}} {{$t(info[item.key].number_unit)||''}}
							</view>
						</view>
					</view>
				</view>

			</view>
		</block>


	</view>
</template>
<script>
	import {
		changeTextByPm
	} from '@/utils/index.js'
	import {
		IMAGE_URL
	} from '@/config/app'
	import {
		goods,
		goodsJp
	} from './detail/detailJsonByGoods.js'
	import {
		transport,
		transportJp
	} from './detail/detailJsonByTransport.js'
	import {
		crossborder,
		crossborderJp
	} from './detail/detailJsonByCrossborder.js'
	import {
		professional,
		professionalJp
	} from './detail/detailJsonByProfessional.js'
	import Title from '@/components/detail/Title.vue'
	import Unit from '@/components/Unit.vue'

	export default {
		props: {
			info: {
				type: Object,
				default: () => {
					return {}
				},
				required: true,
			},
			type: {
				type: String,
				default: '',
				required: true
			},
			// 1=推广，2=竞标
			lx: {
				type: Number,
				default: 1,
			},
			info_title: {
				type: String,
				default: '详细信息',
			}
		},
		components: {
			Title,
			Unit
		},
		watch: {
			info: {
				immediate: true,
				handler(curVal) {
					console.log(curVal);
					this.getOrderJoin()
				}
			}
		},
		data() {
			return {
				// 图片地址
				IMAGE_URL,
				jest_result: false,
				orderData: [{
						label: '是否缴纳保证金',
						key: 'is_margin',
						key_ru: 'is_margin',
						key_item: '',
						type: 'map',
						map: {
							'1': '否',
							'2': '是'
						}
					},
					{
						label: '保证金金额',
						explain: "保证金释义",
						explainTitle: "保证金",
						key: 'margin_price',
						key_ru: 'margin_price',
						key_item: '',
						type: 'text',
						slot: "margin_type",
						slotType: 'map',
						slotMap: {
							'1': '元',
							'2': '卢布'
						}
					},
					// {
					// 	label: '保证金类型',
					// 	key: 'margin_type',
					// 	key_ru: 'margin_type',
					// 	key_item: '',
					// 	type: 'map',
					// 	map: {
					// 		'1': '元',
					// 		'2': '卢布'
					// 	}
					// },
				],
				goods,
				// 运输
				transport,
				// 跨境货代
				crossborder,
				// 专业代办
				professional,
				// 资源库
				resource: [{
						label: '头像',
						key: 'avatar',
						key_ru: 'avatar',
						key_item: '',
						type: 'avatar'
					},
					{
						label: '标签',
						key: 'user_labels',
						key_ru: 'user_labels',
						key_item: '',
						type: 'labels'
					},
					{
						label: '姓名',
						key: 'username',
						key_ru: 'username_ru',
						key_item: '',
						type: 'text'
					},
					{
						label: '类目',
						key: 'category',
						key_ru: 'name_ru',
						key_item: 'name',
						type: 'array'
					},
					{
						label: '国籍',
						key: 'country',
						key_ru: 'country',
						key_item: '',
						type: 'map',
						map: {
							'0': '中国',
							'1': '俄罗斯'
						}
					},
					{
						label: '所属行业',
						key: 'industry',
						key_ru: 'industry_ru',
						key_item: '',
						type: 'text'
					},
					{
						label: '联系方式',
						key: 'mobile',
						key_ru: 'mobile',
						key_item: '',
						type: 'text'
					},
					{
						label: '评分',
						key: 'rating',
						key_ru: 'rating',
						key_item: '',
						type: 'text'
					},
					{
						label: '营业执照',
						key: 'business_license_image',
						key_ru: 'business_license_image',
						key_item: '',
						type: 'image'
					},
					{
						label: '地区',
						key: 'mergename',
						key_ru: 'mergename_ru',
						key_item: '',
						type: 'text_area'
					},
					{
						label: '企业简介',
						key: 'profile',
						key_ru: 'profile_ru',
						key_item: '',
						type: 'text_profile'
					},
				],
				// 生活广告
				lifead: [{
						label: '广告标题',
						key: 'title',
						key_ru: 'title_ru',
						key_item: '',
						type: 'text-warp'
					},
					{
						label: '类型',
						key: 'category',
						key_ru: 'name_ru',
						key_item: 'name',
						type: 'array'
					},
					{
						label: '所在国家',
						key: 'in_country',
						key_ru: 'in_country',
						key_item: '',
						type: 'map',
						map: {
							'0': '中国',
							'1': '俄罗斯'
						}
					},
					{
						label: '所在城市',
						key: 'lifeadcitys',
						key_ru: 'mergename_ru',
						key_item: 'mergename',
						type: 'array'
					},
					// {
					// 	label: '广告标题',
					// 	key: 'title',
					// 	key_ru: 'title_ru',
					// 	key_item: '',
					// 	type: 'text'
					// },

					// {
					// 	label: '广告内容',
					// 	key: 'content',
					// 	key_ru: 'content_ru',
					// 	key_item: '',
					// 	type: 'text-warp'
					// },
					{
						label: '图片',
						key: 'images',
						key_ru: 'images',
						key_item: '',
						type: 'images'
					},
					{
						label: '视频',
						key: 'videos',
						key_ru: 'videos',
						key_item: '',
						type: 'videos'
					},
				],
				// 中俄新闻
				news: [{
						label: '标题',
						key: 'title',
						key_ru: 'title_ru',
						key_item: '',
						type: 'text'
					},
					// {
					// 	label: '新闻内容',
					// 	key: 'content',
					// 	key_ru: 'content_ru',
					// 	key_item: '',
					// 	type: 'text-warp'
					// },
					{
						label: '图片',
						key: 'images',
						key_ru: 'images',
						key_item: '',
						type: 'images'
					},
				],
				// 曝光台-t
				exposure: [{
						label: '国籍',
						key: 'in_country',
						key_ru: 'in_country',
						key_item: '',
						type: 'map',
						map: {
							'0': '中国',
							'1': '俄罗斯'
						}
					},
					{
						label: '所在城市',
						key: 'exposurecitys',
						key_ru: 'mergename_ru',
						key_item: 'mergename',
						type: 'array'
					},
					{
						label: '曝光公司或个人名称',
						key: 'name',
						key_ru: 'name_ru',
						key_item: '',
						type: 'text'
					},
					{
						label: '曝光标题',
						key: 'title',
						key_ru: 'title_ru',
						key_item: '',
						type: 'text-warp'
					},
					// {
					// 	label: '曝光内容',
					// 	key: 'content',
					// 	key_ru: 'content_ru',
					// 	key_item: '',
					// 	type: 'text-warp'
					// },
					{
						label: '图片',
						key: 'images',
						key_ru: 'images',
						key_item: '',
						type: 'images'
					},
				],
				// 订单参与信息
				order_join: [
					// {
					// 	label: '用户名',
					// 	key: 'join_user',
					// 	key_ru: 'username_ru',
					// 	key_item: 'username',
					// 	type: 'array'
					// },
					// {
					// 	label: '头像',
					// 	key: 'join_user',
					// 	key_ru: 'avatar',
					// 	key_item: 'avatar',
					// 	type: 'user_avatar'
					// },
					// {
					// 	label: '标签',
					// 	key: 'join_user',
					// 	key_ru: 'label',
					// 	key_item: 'label',
					// 	type: 'user_labels'
					// },
					// {
					// 	label: '评分',
					// 	key: 'join_user',
					// 	key_ru: 'rating',
					// 	key_item: 'rating',
					// 	type: 'array'
					// },
					// {
					// 	label: '综合排名',
					// 	key: 'num_ranking',
					// 	key_ru: 'num_ranking_ru',
					// 	key_item: '',
					// 	type: 'text'
					// },
					// {
					// 	label: '价格排名',
					// 	key: 'price_ranking',
					// 	key_ru: 'price_ranking_ru',
					// 	key_item: '',
					// 	type: 'text'
					// },
					// {
					// 	label: '速度排名',
					// 	key: 'speed_ranking',
					// 	key_ru: 'speed_ranking_ru',
					// 	key_item: '',
					// 	type: 'text'
					// },
					// {
					// 	label: '提供产品',
					// 	key: 'product',
					// 	key_ru: 'product_ru',
					// 	key_item: '',
					// 	type: 'text'
					// },
					// {
					// 	label: '价格',
					// 	key: 'price',
					// 	key_ru: 'price',
					// 	key_item: '',
					// 	type: 'montage',
					// 	montage: 'price_unit'
					// },
					// {
					// 	label: '数量',
					// 	key: 'num',
					// 	key_ru: 'num',
					// 	key_item: '',
					// 	type: 'text'
					// },
					// {
					// 	label: '速度',
					// 	key: 'speed',
					// 	key_ru: 'speed',
					// 	key_item: '',
					// 	type: 'montage',
					// 	montage: 'speed_unit'
					// },
					// {
					// 	label: '发货时间',
					// 	key: 'send_time',
					// 	key_ru: 'send_time',
					// 	key_item: '',
					// 	type: 'date'
					// },
					// {
					// 	label: '送达时间',
					// 	key: 'reach_time',
					// 	key_ru: 'reach_time',
					// 	key_item: '',
					// 	type: 'date'
					// },
					// {
					// 	label: '保证金金额',
					// 	explain: "保证金释义",
					// 	explainTitle: "保证金",
					// 	key: 'margin_price',
					// 	key_ru: 'margin_price',
					// 	key_item: '',
					// 	type: 'text',
					// 	slot: "margin_type",
					// 	slotType: 'map',
					// 	slotMap:{
					// 		'1': '元',
					// 		'2': '卢布'
					// 	}
					// },
					// {
					// 	label: '是否缴纳保证金',
					// 	key: 'pay_margin',
					// 	key_ru: 'pay_margin',
					// 	key_item: '',
					// 	type: 'map',
					// 	map: {
					// 		'0': '未缴纳',
					// 		'1': '已缴纳'
					// 	}
					// },
					{
						label: '详情',
						key: 'con',
						key_ru: 'con_ru',
						key_item: '',
						type: 'text-warp'
					},
					{
						label: '图片',
						key: 'images',
						key_ru: 'images',
						key_item: '',
						type: 'images'
					},
					{
						label: '文件',
						key: 'files',
						key_ru: 'files',
						key_item: '',
						type: 'files'
					},
					{
						label: '货物清单',
						key: 'filelist',
						key_ru: 'filelist',
						key_item: '',
						type: 'files'
					},
					{
						label: '视频',
						key: 'videos',
						key_ru: 'videos',
						key_item: '',
						type: 'videos'
					},
				],

				order_info_goods: [{
						label: '订单商品',
						key: 'order_info_goods',
						key_ru: 'order_info_goods',
						key_item: '',
						type: 'order_info_goods',
					},
					{
						label: '单价',
						key: 'price',
						key_ru: 'price',
						key_item: '',
						type: 'montage',
						montage: 'price_unit'
					},
					{
						label: '总重量',
						key: 'goods_weight',
						key_ru: 'goods_weight',
						key_item: '',
						type: 'text'
					},
					{
						label: '总体积',
						key: 'goods_volume',
						key_ru: 'goods_volume',
						key_item: '',
						type: 'text'
					},
					{
						label: '交易总价',
						key: 'zj_price',
						key_ru: 'zj_price',
						key_item: '',
						type: 'montage',
						montage: 'price_unit'
					},
					{
						label: '货物到达地',
						key: 'hwdd',
						key_ru: 'hwdd',
						key_item: '',
						type: 'text',
					},
					{
						label: '货物出发(所在)地',
						key: 'product_address',
						key_ru: 'product_address',
						key_item: '',
						type: 'text',
					},
					{
						label: '是否含运费',
						key: 'is_express_price',
						key_ru: 'is_express_price',
						key_item: '',
						type: 'map',
						map: {
							'1': '不含',
							'2': '含'
						}
					},
					{
						label: '保证金金额',
						key: 'margin_price',
						key_ru: 'margin_price',
						key_item: '',
						type: 'text',
						slot: "margin_type",
						slotType: 'map',
						slotMap: {
							'1': '元',
							'2': '卢布'
						}
					},
					{
						label: '下单时间',
						key: 'createtime',
						key_ru: 'createtime',
						key_item: '',
						type: 'time2',
					},
					{
						label: '完成时间',
						key: 'completetime',
						key_ru: 'completetime',
						key_item: '',
						type: 'time2',
					}
				],

				order_info_transport: [{
						label: '订单商品',
						key: 'order_info_transport',
						key_ru: 'order_info_transport',
						key_item: '',
						type: 'order_info_transport',
					},
					// {
					// 	label: '单价',
					// 	key: 'price',
					// 	key_ru: 'price',
					// 	key_item: '',
					// 	type: 'montage',
					// 	montage: 'price_unit'
					// },
					{
						label: '总重量',
						key: 'goods_weight',
						key_ru: 'goods_weight',
						key_item: '',
						type: 'text'
					},
					{
						label: '总体积',
						key: 'goods_volume',
						key_ru: 'goods_volume',
						key_item: '',
						type: 'text'
					},

					{
						label: '货物出发(所在)地',
						key: 'hyd',
						key_ru: 'hyd',
						key_item: '',
						type: 'text',
					},
					{
						label: '货物到达地',
						key: 'shd',
						key_ru: 'shd',
						key_item: '',
						type: 'text',
					},
					{
						label: '运费总价',
						key: 'price',
						key_ru: 'price',
						key_item: '',
						type: 'montage',
						montage: 'price_unit'
					},
					// {
					// 	label:'是否含运费',
					// 	key: 'is_express_price',
					// 	key_ru: 'is_express_price',
					// 	key_item: '',
					// 	type: 'map',
					// 	map: {
					// 		'1': '不含',
					// 		'2': '含'
					// 	}
					// },
					{
						label: '保证金金额',
						key: 'margin_price',
						key_ru: 'margin_price',
						key_item: '',
						type: 'text',
						slot: "margin_type",
						slotType: 'map',
						slotMap: {
							'1': '元',
							'2': '卢布'
						}
					},
					{
						label: '下单时间',
						key: 'createtime',
						key_ru: 'createtime',
						key_item: '',
						type: 'time2',
					},
					{
						label: '完成时间',
						key: 'completetime',
						key_ru: 'completetime',
						key_item: '',
						type: 'time2',
					}
				],

				order_info_crossborder: [{
						label: '订单商品',
						key: 'order_info_crossborder',
						key_ru: 'order_info_crossborder',
						key_item: '',
						type: 'order_info_crossborder',
					},
					// {
					// 	label: '单价',
					// 	key: 'price',
					// 	key_ru: 'price',
					// 	key_item: '',
					// 	type: 'montage',
					// 	montage: 'price_unit'
					// },
					{
						label: '总重量',
						key: 'goods_weight',
						key_ru: 'goods_weight',
						key_item: '',
						type: 'text'
					},
					{
						label: '总体积',
						key: 'goods_volume',
						key_ru: 'goods_volume',
						key_item: '',
						type: 'text'
					},
					{
						label: '费用总价',
						key: 'price',
						key_ru: 'price',
						key_item: '',
						type: 'montage',
						montage: 'price_unit'
					},
					// {
					// 	label:'是否含运费',
					// 	key: 'is_express_price',
					// 	key_ru: 'is_express_price',
					// 	key_item: '',
					// 	type: 'map',
					// 	map: {
					// 		'1': '不含',
					// 		'2': '含'
					// 	}
					// },
					{
						label: '保证金金额',
						key: 'margin_price',
						key_ru: 'margin_price',
						key_item: '',
						type: 'text',
						slot: "margin_type",
						slotType: 'map',
						slotMap: {
							'1': '元',
							'2': '卢布'
						}
					},
					{
						label: '通关服务',
						key: 'clearance',
						key_ru: 'clearance',
						key_item: '',
						type: 'map',
						map: {
							'1': '报关',
							'2': '清关',
							'3': '报关+清关'
						}
					},
					{
						label: '是否含运费',
						key: 'is_express_price',
						key_ru: 'is_express_price',
						key_item: '',
						type: 'map',
						map: {
							'1': '否',
							'2': '是'
						}
					},
					{
						label: '是否含装卸',
						key: 'is_load_unload',
						key_ru: 'is_load_unload',
						key_item: '',
						type: 'map',
						map: {
							'1': '否',
							'2': '是'
						}
					},
					{
						label: '是否含仓储',
						key: 'is_warehouse',
						key_ru: 'is_warehouse',
						key_item: '',
						type: 'map',
						map: {
							'1': '否',
							'2': '是'
						}
					}, {
						label: '下单时间',
						key: 'createtime',
						key_ru: 'createtime',
						key_item: '',
						type: 'time2',
					},
					{
						label: '完成时间',
						key: 'completetime',
						key_ru: 'completetime',
						key_item: '',
						type: 'time2',
					}
				],




				keyItems: [],
				lang: '',
				detailLoading: false,
				showImage: false,
				maskImageUrl: '',
				showImageOne: false,
				maskImageUrlOne: '',
				keyItems_length: 0,
			}
		},
		mounted() {

			switch (this.type) {

				case 'goods':
					console.log(this.info)
					this.keyItems = this.goods
					if (this.info.type === '1') { // 推广
						// this.keyItems.splice(6, 1)
					} else {
						// this.keyItems.splice(5, 1)
						this.keyItems = [...goodsJp]
					}
					break;
				case 'transport':
					if (this.info.release_type === '1') { // 有车求货
						this.keyItems = this.transport['1']
						if (this.info.type === '2') {
							this.keyItems = [...transportJp['1']]
						}
					} else if (this.info.release_type === '2') { // 有货求车
						this.keyItems = this.transport['2']
						if (this.info.type === '2') {
							this.keyItems = [...transportJp['2']]
							// this.keyItems = [...this.keyItems, ...this.orderData]
						}
					} else { // 人力捎货
						this.keyItems = this.transport['3']
						if (this.info.human_type === '1') { // 货源信息
							this.keyItems = this.transport['3']
							if (this.info.type === '2') {
								this.keyItems = [...transportJp['3']]
							}
						} else { // 我要带货
							this.keyItems = this.transport['4']
							if (this.info.type === '2') {
								this.keyItems = [...transportJp['4']]
							}
						}
					}
					console.log(this.keyItems);
					break;
				case 'crossborder':
					this.keyItems = this.crossborder
					if (this.info.type === '1') {} else {
						this.keyItems = [...crossborderJp]
					}
					break;
				case 'professional':
					this.keyItems = this.professional
					if (this.info.type === '1') {} else {
						this.keyItems = [...professionalJp]
					}

					break;
				case 'resource':
					// this.log(this.resource);
					this.keyItems = this.resource
					break;
				case 'lifead':
					this.keyItems = this.lifead
					break;
				case 'news':
					this.keyItems = this.news
					break;
				case 'exposure':
					this.keyItems = this.exposure
					break;
				case 'order_join':
					this.getOrderJoin()
					break;
				case 'order_info_goods':
					this.keyItems = this.order_info_goods
					break;
				case 'order_info_transport':
					this.keyItems = this.order_info_transport
					break;
				case 'order_info_crossborder':
					this.keyItems = this.order_info_crossborder
					break;
			}
			this.lang = this.$i18n.locale
			setTimeout(() => {
				this.detailLoading = true
			}, 200)


			if (this.keyItems.length <= 0) {
				this.detailLoading = false
			}

			if (this.keyItems) {
				this.keyItems_length = this.keyItems.length - 1;
			}

			console.log(this.keyItems);
		},
		computed: {},
		methods: {
			changeTextByPm,
			// 图片预览
			showMask(itemImage, index, list) {
				this.maskImageUrl = itemImage
				// this.showImage = true
				let check = JSON.parse(JSON.stringify(list))
				// console.log("图片",check);
				check.map((ele, i) => {
					check[i] = this.IMAGE_URL + ele
				});
				uni.previewImage({
					urls: check,
					current: index,
					success: () => {

					},
					fail: (res) => {
						console.log(res);
						this.$u.toast(this.$t('图片预览失败'))
					}
				})

			},
			ImageUrl(url) {
				return this.IMAGE_URL + url
			},
			time(type = "MS", date1, str = "year") {
				if (date1) {
					if (type === "S") date1 = date1 * 1000 //秒
					let year = new Date(date1).getFullYear();
					let month = (new Date(date1).getMonth() + 1) > 9 ? (new Date(date1).getMonth() + 1) : '0' + (new Date(
							date1)
						.getMonth() + 1);
					let date = new Date(date1).getDate() > 9 ? new Date(date1).getDate() : '0' + new Date(date1).getDate();
					let hours = new Date(date1).getHours() > 9 ? new Date(date1).getHours() : '0' + new Date(date1)
						.getHours();
					let minutes = new Date(date1).getMinutes() > 9 ? new Date(date1).getMinutes() : '0' + new Date(date1)
						.getMinutes();
					let seconds = new Date(date1).getSeconds() > 9 ? new Date(date1).getSeconds() : '0' + new Date(date1)
						.getSeconds();
					if (str === "year") {
						// return `${year}` + app.$i18n.t('年') + `${month}` + app.$i18n.t('月') + `${date}` + app.$i18n.t('日') + `${hours}:${minutes}:${seconds}`
						return `${year}.${month}.${date} ${hours}:${minutes}:${seconds}`
					}
					if (str === "date") {
						return `${year + `-` + month + `-` + date}`
					}
					return `${year + str + month + str + date} ${hours}:${minutes}:${seconds}`
				} else {
					return ''
				}

			},
			showMaskOne(itemImage) {
				this.maskImageUrlOne = itemImage
				this.showImageOne = true
			},
			downLoadFile(url) {
				const that = this
				uni.showLoading({
					title: "download...",
					mask: true
				})
				console.log('下载链接', this.IMAGE_URL + url)
				var downloadTask = uni.downloadFile({
					url: that.IMAGE_URL + url,
					success(res) {
						uni.hideLoading()
						console.log('tempFilePath', res.tempFilePath)
						const tempFilePath = res.tempFilePath
						uni.openDocument({
							filePath: tempFilePath,
							showMenu: true,
							success: function(file) {
								console.log('file-success', file);
							}
						});
					},
				})
				downloadTask.onProgressUpdate(({
					progress,
					totalBytesWritten,
					totalBytesExpectedToWrite
				}) => {
					if (progress === 100) {
						downloadTask.offProgressUpdate();
					}
				})
			},
			getOrderJoin() {
				if (this.info.type === 'goods') {
					this.keyItems = this.order_join
					return false
				} else if (this.info.type === 'crossborder') {
					this.keyItems = [{
							label: '费用总价',
							key: 'price',
							key_ru: 'price',
							key_item: '',
							type: 'montage',
							montage: 'price_unit'
						},
						{
							label: '装车时间',
							key: 'send_time',
							key_ru: 'send_time',
							key_item: '',
							type: 'date'
						},
						{
							label: '运输速度',
							key: 'speed',
							key_ru: 'speed',
							key_item: '',
							type: 'montage',
							montage: 'speed_unit'
						},
						{
							label: '发货口岸',
							key: 'port_city',
							key_ru: 'mergename_ru',
							key_item: 'mergename',
							type: 'array'
						},
						{
							label: '是否缴纳保证金',
							key: 'pay_margin',
							key_ru: 'pay_margin',
							key_item: '',
							type: 'map',
							map: {
								'0': '否',
								'1': '是'
							}
						},
						{
							label: '保证金金额',
							explain: "保证金释义",
							explainTitle: "保证金",
							key: 'margin_price',
							key_ru: 'margin_price',
							key_item: '',
							type: 'text',
							slot: "margin_type",
							slotType: 'map',
							slotMap: {
								'1': '元',
								'2': '卢布'
							}
						},






						// {
						// 	label: '发货时间',
						// 	key: 'send_time',
						// 	key_ru: 'send_time',
						// 	key_item: '',
						// 	type: 'date'
						// },
						// {
						// 	label: '送达时间',
						// 	key: 'reach_time',
						// 	key_ru: 'reach_time',
						// 	key_item: '',
						// 	type: 'date'
						// },
						// {
						// 	label: '保证金金额',
						// 	explain: "保证金释义",
						// 	explainTitle: "保证金",
						// 	key: 'margin_price',
						// 	key_ru: 'margin_price',
						// 	key_item: '',
						// 	type: 'text',
						// 	slot: "margin_type",
						// 	slotType: 'map',
						// 	slotMap:{
						// 		'1': '元',
						// 		'2': '卢布'
						// 	}
						// },
						// {
						// 	label: '是否缴纳保证金',
						// 	key: 'pay_margin',
						// 	key_ru: 'pay_margin',
						// 	key_item: '',
						// 	type: 'map',
						// 	map: {
						// 		'0': '未缴纳',
						// 		'1': '已缴纳'
						// 	}
						// },
						{
							label: '详情',
							key: 'con',
							key_ru: 'con_ru',
							key_item: '',
							type: 'text-warp'
						},
						{
							label: '图片',
							key: 'images',
							key_ru: 'images',
							key_item: '',
							type: 'images'
						},
						{
							label: '文件',
							key: 'files',
							key_ru: 'files',
							key_item: '',
							type: 'files'
						},
						{
							label: '视频',
							key: 'videos',
							key_ru: 'videos',
							key_item: '',
							type: 'videos'
						},
					]
					return false
				} else if (this.info.type === 'professional') {
					this.keyItems = [
						// {
						// 	label: '服务内容',
						// 	key: 'product',
						// 	key_ru: 'product_ru',
						// 	key_item: '',
						// 	type: 'text'
						// },
						// {
						// 	label: '服务报价',
						// 	key: 'price',
						// 	key_ru: 'price',
						// 	key_item: '',
						// 	type: 'montage',
						// 	montage: 'price_unit'
						// },
						// {
						// 	label: '数量',
						// 	key: 'num',
						// 	key_ru: 'num',
						// 	key_item: '',
						// 	type: 'text'
						// },
						// {
						// 	label: '服务时长',
						// 	key: 'speed',
						// 	key_ru: 'speed',
						// 	key_item: '',
						// 	type: 'montage',
						// 	montage: 'speed_unit'
						// },
						// {
						// 	label: '保证金金额',
						// 	explain: "保证金释义",
						// 	explainTitle: "保证金",
						// 	key: 'margin_price',
						// 	key_ru: 'margin_price',
						// 	key_item: '',
						// 	type: 'text',
						// 	slot: "margin_type",
						// 	slotType: 'map',
						// 	slotMap:{
						// 		'1': '元',
						// 		'2': '卢布'
						// 	}
						// },
						// {
						// 	label: '是否缴纳保证金',
						// 	key: 'pay_margin',
						// 	key_ru: 'pay_margin',
						// 	key_item: '',
						// 	type: 'map',
						// 	map: {
						// 		'0': '未缴纳',
						// 		'1': '已缴纳'
						// 	}
						// },
						{
							label: '详细信息',
							key: 'con',
							key_ru: 'con_ru',
							key_item: '',
							type: 'text-warp'
						},
						{
							label: '图片',
							key: 'images',
							key_ru: 'images',
							key_item: '',
							type: 'images'
						},
						{
							label: '文件',
							key: 'files',
							key_ru: 'files',
							key_item: '',
							type: 'files'
						},
						{
							label: '视频',
							key: 'videos',
							key_ru: 'videos',
							key_item: '',
							type: 'videos'
						},
					]
					return false
				} else if (this.info.type === 'transport') {
					if (this.info.release_info.release_type === '1') {
						this.keyItems = [
							// {
							// 	label: '提供产品',
							// 	key: 'product',
							// 	key_ru: 'product_ru',
							// 	key_item: '',
							// 	type: 'text'
							// },
							// {
							// 	label: '重量',
							// 	key: 'product_weight',
							// 	key_ru: 'product_weight',
							// 	key_item: '',
							// 	type: 'text'
							// },
							// {
							// 	label: '体积',
							// 	key: 'product_volume',
							// 	key_ru: 'product_volume',
							// 	key_item: '',
							// 	type: 'text'
							// },
							// {
							// 	label: '整车运费',
							// 	key: 'price',
							// 	key_ru: 'price',
							// 	key_item: '',
							// 	type: 'montage',
							// 	montage: 'price_unit'
							// },
							// {
							// 	label: '数量',
							// 	key: 'num',
							// 	key_ru: 'num',
							// 	key_item: '',
							// 	type: 'text'
							// },
							// {
							// 	label: '速度',
							// 	key: 'speed',
							// 	key_ru: 'speed',
							// 	key_item: '',
							// 	type: 'montage',
							// 	montage: 'speed_unit'
							// },
							// {
							// 	label: '送装地址',
							// 	key: 'product_address',
							// 	key_ru: 'mergename_ru',
							// 	key_item: 'mergename',
							// 	type: 'array'
							// },
							// {
							// 	label: '发货时间',
							// 	key: 'send_time',
							// 	key_ru: 'send_time',
							// 	key_item: '',
							// 	type: 'date'
							// },
							// {
							// 	label: '送达时间',
							// 	key: 'reach_time',
							// 	key_ru: 'reach_time',
							// 	key_item: '',
							// 	type: 'date'
							// },
							// {
							// 	label: '保证金金额',
							// 	explain: "保证金释义",
							// 	explainTitle: "保证金",
							// 	key: 'margin_price',
							// 	key_ru: 'margin_price',
							// 	key_item: '',
							// 	type: 'text',
							// 	slot: "margin_type",
							// 	slotType: 'map',
							// 	slotMap:{
							// 		'1': '元',
							// 		'2': '卢布'
							// 	}
							// },
							// {
							// 	label: '是否缴纳保证金',
							// 	key: 'pay_margin',
							// 	key_ru: 'pay_margin',
							// 	key_item: '',
							// 	type: 'map',
							// 	map: {
							// 		'0': '未缴纳',
							// 		'1': '已缴纳'
							// 	}
							// },
							{
								label: '详细信息',
								key: 'con',
								key_ru: 'con_ru',
								key_item: '',
								type: 'text-warp'
							},
							{
								label: '图片',
								key: 'images',
								key_ru: 'images',
								key_item: '',
								type: 'images'
							},
							{
								label: '文件',
								key: 'files',
								key_ru: 'files',
								key_item: '',
								type: 'files'
							},
							{
								label: '视频',
								key: 'videos',
								key_ru: 'videos',
								key_item: '',
								type: 'videos'
							},
						]
					} else if (this.info.release_info.release_type === '2') {
						this.keyItems = [
							// {
							// 	label: '车型',
							// 	key: 'car_category_id_text',
							// 	key_ru: 'car_category_id_text_ru',
							// 	key_item: '',
							// 	type: 'text'
							// },
							// {
							// 	label: '体积',
							// 	key: 'product_volume',
							// 	key_ru: 'product_volume',
							// 	key_item: '',
							// 	type: 'text'
							// },
							// {
							// 	label: '运费总价',
							// 	key: 'price',
							// 	key_ru: 'price',
							// 	key_item: '',
							// 	type: 'montage',
							// 	montage: 'price_unit'
							// },
							// {
							// 	label: '重量',
							// 	key: 'product_weight',
							// 	key_ru: 'product_weight',
							// 	key_item: '',
							// 	type: 'text'
							// },
							// {
							// 	label: '速度',
							// 	key: 'speed',
							// 	key_ru: 'speed',
							// 	key_item: '',
							// 	type: 'text'
							// },
							// {
							// 	label: '装货时间',
							// 	key: 'send_time',
							// 	key_ru: 'send_time',
							// 	key_item: '',
							// 	type: 'date'
							// },
							// {
							// 	label: '送达时间',
							// 	key: 'reach_time',
							// 	key_ru: 'reach_time',
							// 	key_item: '',
							// 	type: 'date'
							// },
							// {
							// 	label: '保证金金额',
							// 	explain: "保证金释义",
							// 	explainTitle: "保证金",
							// 	key: 'margin_price',
							// 	key_ru: 'margin_price',
							// 	key_item: '',
							// 	type: 'text',
							// 	slot: "margin_type",
							// 	slotType: 'map',
							// 	slotMap:{
							// 		'1': '元',
							// 		'2': '卢布'
							// 	}
							// },
							// {
							// 	label: '是否缴纳保证金',
							// 	key: 'pay_margin',
							// 	key_ru: 'pay_margin',
							// 	key_item: '',
							// 	type: 'map',
							// 	map: {
							// 		'0': '未缴纳',
							// 		'1': '已缴纳'
							// 	}
							// },
							{
								label: '详细信息',
								key: 'con',
								key_ru: 'con_ru',
								key_item: '',
								type: 'text-warp'
							},
							{
								label: '图片',
								key: 'images',
								key_ru: 'images',
								key_item: '',
								type: 'images'
							},
							{
								label: '文件',
								key: 'files',
								key_ru: 'files',
								key_item: '',
								type: 'files'
							},
							{
								label: '视频',
								key: 'videos',
								key_ru: 'videos',
								key_item: '',
								type: 'videos'
							},
						]
					} else {
						if (this.info.release_info.human_type === '1') {
							this.keyItems = [
								// {
								// 	label: '提供产品',
								// 	key: 'product',
								// 	key_ru: 'product_ru',
								// 	key_item: '',
								// 	type: 'text'
								// },
								// {
								// 	label: '运费',
								// 	key: 'price',
								// 	key_ru: 'price',
								// 	key_item: '',
								// 	type: 'montage',
								// 	montage: 'price_unit'
								// },
								// {
								// 	label: '重量',
								// 	key: 'product_weight',
								// 	key_ru: 'product_weight',
								// 	key_item: '',
								// 	type: 'text'
								// },
								// {
								// 	label: '速度',
								// 	key: 'speed',
								// 	key_ru: 'speed',
								// 	key_item: '',
								// 	type: 'text'
								// },
								// {
								// 	label: '装货时间',
								// 	key: 'send_time',
								// 	key_ru: 'send_time',
								// 	key_item: '',
								// 	type: 'date'
								// },
								// {
								// 	label: '送达时间',
								// 	key: 'reach_time',
								// 	key_ru: 'reach_time',
								// 	key_item: '',
								// 	type: 'date'
								// },
								// {
								// 	label: '保证金金额',
								// 	explain: "保证金释义",
								// 	explainTitle: "保证金",
								// 	key: 'margin_price',
								// 	key_ru: 'margin_price',
								// 	key_item: '',
								// 	type: 'text',
								// 	slot: "margin_type",
								// 	slotType: 'map',
								// 	slotMap:{
								// 		'1': '元',
								// 		'2': '卢布'
								// 	}
								// },
								// {
								// 	label: '是否缴纳保证金',
								// 	key: 'pay_margin',
								// 	key_ru: 'pay_margin',
								// 	key_item: '',
								// 	type: 'map',
								// 	map: {
								// 		'0': '未缴纳',
								// 		'1': '已缴纳'
								// 	}
								// },
								{
									label: '详细信息',
									key: 'con',
									key_ru: 'con_ru',
									key_item: '',
									type: 'text-warp'
								},
								{
									label: '图片',
									key: 'images',
									key_ru: 'images',
									key_item: '',
									type: 'images'
								},
								{
									label: '文件',
									key: 'files',
									key_ru: 'files',
									key_item: '',
									type: 'files'
								},
								{
									label: '视频',
									key: 'videos',
									key_ru: 'videos',
									key_item: '',
									type: 'videos'
								},
							]
						} else {
							this.keyItems = [
								// {
								// 	label: '运费',
								// 	key: 'price',
								// 	key_ru: 'price',
								// 	key_item: '',
								// 	type: 'montage',
								// 	montage: 'price_unit'
								// },
								// {
								// 	label: '数量',
								// 	key: 'num',
								// 	key_ru: 'num',
								// 	key_item: '',
								// 	type: 'text'
								// },
								// {
								// 	label: '速度',
								// 	key: 'speed',
								// 	key_ru: 'speed',
								// 	key_item: '',
								// 	type: 'text'
								// },
								// {
								// 	label: '装货时间',
								// 	key: 'send_time',
								// 	key_ru: 'send_time',
								// 	key_item: '',
								// 	type: 'date'
								// },
								// {
								// 	label: '送达时间',
								// 	key: 'reach_time',
								// 	key_ru: 'reach_time',
								// 	key_item: '',
								// 	type: 'date'
								// },
								// {
								// 	label: '保证金金额',
								// 	explain: "保证金释义",
								// 	explainTitle: "保证金",
								// 	key: 'margin_price',
								// 	key_ru: 'margin_price',
								// 	key_item: '',
								// 	type: 'text',
								// 	slot: "margin_type",
								// 	slotType: 'map',
								// 	slotMap:{
								// 		'1': '元',
								// 		'2': '卢布'
								// 	}
								// },
								// {
								// 	label: '是否缴纳保证金',
								// 	key: 'pay_margin',
								// 	key_ru: 'pay_margin',
								// 	key_item: '',
								// 	type: 'map',
								// 	map: {
								// 		'0': '未缴纳',
								// 		'1': '已缴纳'
								// 	}
								// },
								{
									label: '详细信息',
									key: 'con',
									key_ru: 'con_ru',
									key_item: '',
									type: 'text-warp'
								},
								{
									label: '图片',
									key: 'images',
									key_ru: 'images',
									key_item: '',
									type: 'images'
								},
								{
									label: '文件',
									key: 'files',
									key_ru: 'files',
									key_item: '',
									type: 'files'
								},
								{
									label: '视频',
									key: 'videos',
									key_ru: 'videos',
									key_item: '',
									type: 'videos'
								},
							]
						}
					}
					return false
				}
			},
			clickIcon(item) {
				if (item.explain) {
					let me = this;
					uni.showModal({
						title: me.$t(item.explainTitle),
						content: me.$t(item.explain),
						showCancel: false,
						confirmText: this.$t('是'),
					})
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.info_title {
		margin-top: 15rpx;
		margin-left: -5rpx;
		font-size: 30rpx;
		font-weight: bold;
		border-bottom: 1rpx solid #f5f5f5;
		padding-bottom: 10rpx;
	}

	.fuckCard {
		margin: auto;

		.ui-image {
			margin: 0 !important;
			width: 100%;
			height: auto;
		}

		.title {
			margin: 0 58rpx;
		}
	}

	.flex {
		display: flex;
	}

	.ui-box {
		display: flex;
		flex-direction: column;
		padding: 0 5rpx 10rpx 5rpx;
	}

	.downLoad {
		color: #2b85e4;
	}

	.card {
		box-shadow: 0 0 10px #ddd;
		border-radius: 20rpx;
		background: #fff;
		margin-top: 20rpx;
		padding: 15rpx 20rpx;
		margin-left: -3rpx;
		margin-right: -3rpx;

		.label-title {
			font-size: 28rpx;
		}

		.label-wrap {
			font-size: 28rpx;
		}

		.text-all {
			font-size: 24rpx !important;
			margin-top: 20rpx;
		}
	}

	.border0 {
		border-bottom: 0px !important;
	}


	.ui-item {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		line-height: 40rpx;
		flex-wrap: wrap;
		border-bottom: 1px solid #f5f5f5;
		font-size: 24rpx;
		padding-top: 16rpx;

		.label {
			width: 100%;
			overflow: hidden;
			white-space: normal;
			word-break: break-word;
			// text-align:left;
			color: #262626;
		}

		.label-title {
			text-align: center;
			width: 100%;
			overflow: hidden;
			white-space: normal;
			word-break: break-word;
			margin-top: 20rpx;
			color: 262626;
		}

		.text {
			overflow: hidden;
			white-space: normal;
			word-break: break-word;
			font-size: 24rpx;
			width: 100%;
			color: #3d3d3d;
			margin-bottom: 16rpx;
			padding-left: 24rpx;

			.miniText {
				font-size: 24rpx;
			}
		}

		.text-all {
			width: 100%;
			overflow: hidden;
			white-space: normal;
			word-break: break-word;
			text-align: right;
			font-size: 24rpx;
			color: #555;
			font-weight: bold;
			letter-spacing: 3rpx;
			line-height: 55rpx;
			text-indent: 0rpx;
		}


		.label-wrap {
			width: 100%;
			overflow: hidden;
			white-space: normal;
			word-break: break-word;
			color: 262626;
		}

		.label-image {
			display: flex;
			width: 100%;
			flex-wrap: wrap;
			justify-content: flex-end;
			overflow: hidden;

			.ui-image {
				margin-left: 20rpx;
				margin-bottom: 20rpx;
				// margin-right: 20rpx;
				// border-radius: 20rpx;
				// box-shadow: 0px 0px 8px 0px #ababab;
				overflow: hidden;

				&.bigImg {
					// border-radius: 20rpx;
					// box-shadow: 0px 0px 8px 0px #ababab;
				}
			}
		}

		.ui-video {
			width: 100%;
			display: flex;
			justify-content: flex-end;

			video {
				width: 100%;
				height: 800rpx;
			}
		}

		.ru_font {
			font-size: 20rpx !important;
		}



	}

	.label {
		position: relative;
		padding-left: 24rpx;
		color: #3d3d3d;
		margin-bottom: 16rpx;

		&::after {
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			width: 5px;
			height: 20px;
			border-radius: 22px;
			background: linear-gradient(101deg, #D9F0A3 0%, rgba(217, 240, 163, 0.411) 55%, rgba(201, 239, 49, 0) 100%);
		}
	}
</style>